import React, { Component } from 'react';
import List from "./components/List"
import {getList} from "./api/index"
// 1. 实现界面的正确排版，高保真(20分)
// 2. 生命周期 (30分)
// 3.正确渲染数据（20分）
// 4.正确拆分组件（30分）

class App extends Component {
  state={
    list:[]
  }
  componentDidMount(){
    this.getListAndSet()
  }
  async getListAndSet(){
    const resp=await getList()
    console.log(resp.data.data)
    this.setState({
      list:resp.data.data
    })
  }
  render() {
    const {list}=this.state
    return (
      <div className='box'>
        <header><span>北京</span><h4>二手车</h4><span></span></header>
        <main>
          <List list={list}></List>
        </main>
        <footer>
          <span>新车</span>
          <span>二手车</span>
          <span>发现</span>
          <span>社区</span>
          <span>我的</span>
        </footer>
      </div>
    );
  }
}

export default App;

